import React from 'react';

import { Link } from 'react-router-dom';

import { Form, Button, Input } from 'antd';
import './index.less';


const Register = () => {

  return (
    <div className="register">
      <div className="signinBox clearFix">
        <div className="swapper">
          <div className="swapper-img">
            <img src="https://files.wondercv.com/auth_frontend/banner2.png" alt="" />
          </div>
        </div>
        <div className="sigin-content">
          <div className='header-title'>
            <h2 className='welcome-login'>注册</h2>
            <span>已有账号？<Link to='/login'>点此登陆</Link></span>
          </div>
          <Form
            className="formContainer"
            name="basic"
            initialValues={{ remember: true }}
            // onFinish={onFinish}
            // onFinishFailed={onFinishFailed}
            autoComplete="off"
          >
            <Form.Item
              name="username"
              rules={[{ required: true, message: 'Please input your username!' }]}
            >
              <Input placeholder='手机/邮箱' />
            </Form.Item>

            <Form.Item
              name="password"
              rules={[{ required: true, message: 'Please input your password!' }]}
            >
              <Input.Password />
            </Form.Item>

            <Form.Item>
              <Button type="primary" className='submit-btn' htmlType="submit">
                注册
              </Button>
            </Form.Item>
          </Form>

        </div>
      </div>
    </div>
  )
}


export default Register;